<!doctype html>
<html xmlns:v-bind="http://www.w3.org/1999/xhtml" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8"></meta>
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <meta name="description" content=""></meta>
  <meta name="keywords" content=""></meta>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
  <title>文章</title>
  <meta name="renderer" content="webkit"></meta>
  <meta http-equiv="Cache-Control" content="no-siteapp"></meta>
  <link rel="icon" type="image/png" href="assets/i/favicon.png"/>
  <meta name="mobile-web-app-capable" content="yes" ></meta>
  <!--<link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png />-->
  <meta name="apple-mobile-web-app-capable" content="yes" ></meta>
  <meta name="apple-mobile-web-app-status-bar-style" content="black"></meta>
  <meta name="apple-mobile-web-app-title" content="Amaze UI"></meta>
  <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png" />
  <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png" ></meta>
  <meta name="msapplication-TileColor" content="#0e90d2"></meta>
    <link rel="stylesheet" href="http://resource.teemor.xyz/amazeui.css"/>
    <link rel="stylesheet" href="http://resource.teemor.xyz/app.css"/>
    <style type="text/css">
        body{
            margin: 0;
            background-image: url("http://resource.teemor.xyz/314693.jpg");
            background-attachment: fixed;
            background-size:100%;
        }
    </style>
</head>

<body id="blog-article-sidebar">
<!-- banner start -->

<div class="am-g am-g-fixed blog-fixed"  style="width: 100%;border: 0px solid white;border-radius: 2px;margin-top: 0px;background: white">
    <nav class="am-g am-g-fixed blog-fixed blog-nav" style="width: 100%;margin-left: 0px;margin-right: 0px;padding: 0px;">
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only blog-button" style="margin: 0px;width: 100%;background: white;color:black;border: 0px solid" data-am-collapse="{target: '#blog-collapse'}" ><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

        <div class="am-collapse am-topbar-collapse" id="blog-collapse" style="background: white;font-weight: bold;">
            <ul class="am-nav am-nav-pills am-topbar-nav" style="margin: auto 0">
                <li ><a href="/" >首页</a></li>

                <li><a href="img.html">图片库</a></li>
                <!--<li><a href="lw-article-fullwidth.html">分类</a></li>-->
                <li><a href="timeline.html">归档</a></li>
                <li><a href="/">关于我</a></li>
            </ul>

        </div>
    </nav>
    <img id="topImg" style="max-height: 1000px;margin: 0;" src="http://resource.teemor.xyz/pic02.jpg" width="100%" >
</div>

<!-- nav end -->

<!-- content srart -->
<div class="am-g am-g-fixed blog-fixed blog-content" id="content" style="background: white;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;">
    <div class="am-u-md-8 am-u-sm-12">
      <article class="am-article blog-article-p">
        <div class="am-article-hd">
          <h1 class="am-article-title blog-text-center" style="font-weight: bold">{{article.btitle}}</h1><hr>
          <p class="am-article-meta blog-text-center">
              <span><a href="#" class="blog-color">{{article.type}} &nbsp;</a></span>-
              <span><a href="#">@{{article.author}} &nbsp;</a></span>-
              <span><a href="#">{{article.date}}</a></span>
          </p>
        </div>        
        <div class="am-article-bd">
        <!--<img v-bind:src="article.cover" alt="" width="100%" class="blog-entry-img blog-article-margin">-->

            <div v-html="article.bdata"></div>



        </div>
      </article>
        
        <div class="am-g blog-article-widget blog-article-margin">
          <div class="am-u-lg-4 am-u-md-5 am-u-sm-7 am-u-sm-centered blog-text-center">
            <span class="am-icon-tags"> &nbsp;</span><a href="#">标签</a> , <a v-bind:href="'tags.html?tagId='+article.gId">{{article.type}}</a>
            <hr>
            <!--<a href=""><span class="am-icon-qq am-icon-fw am-primary blog-icon"></span></a>-->
            <!--<a href=""><span class="am-icon-wechat am-icon-fw blog-icon"></span></a>-->
            <!--<a href=""><span class="am-icon-weibo am-icon-fw blog-icon"></span></a>-->
          </div>
        </div>


        <!--<ul class="am-pagination blog-article-margin">-->
          <!--<li class="am-pagination-prev"><a href="#" class="">&laquo; 一切的回顾</a></li>-->
          <!--<li class="am-pagination-next"><a href="">不远的未来 &raquo;</a></li>-->
        <!--</ul>-->
        
        <hr>

        <form class="am-form am-g">
            <h3 class="blog-comment">评论</h3>
          <fieldset>
            <div class="am-form-group am-u-sm-4 blog-clear-left">
              <input type="text" class="" placeholder="名字">
            </div>
            <div class="am-form-group am-u-sm-4">
              <input type="email" class="" placeholder="邮箱">
            </div>

            <div class="am-form-group am-u-sm-4 blog-clear-right">
              <input type="password" class="" placeholder="网站">
            </div>
        
            <div class="am-form-group">
              <textarea class="" rows="5" placeholder="一字千金"></textarea>
            </div>
        
            <p><button type="button" v-on:click="msgBox('功能建设中')" class="am-btn am-btn-default">发表评论</button></p>
          </fieldset>
        </form>

        <hr>
    </div>

    <div class="am-u-md-4 am-u-sm-12 blog-sidebar">
        <!--<div class="blog-sidebar-widget blog-bor">-->
            <!--<h2 class="blog-text-center blog-title"><span>About ME</span></h2>-->
            <!--<img src="images/head.jpg" alt="about me" class="blog-entry-img" >-->
            <!--<p>teemor</p>-->
            <!--<p>-->
        <!--我是妹子UI，中国首个开源 HTML5 跨屏前端框架-->
        <!--</p><p>我不想成为一个庸俗的人。十年百年后，当我们死去，质疑我们的人同样死去，后人看到的是裹足不前、原地打转的你，还是一直奔跑、走到远方的我？</p>-->
        <!--</div>-->
        <div class="" style="width: 100%;height: 47px;">

        </div>
        <div class="blog-clear-margin blog-sidebar-widget blog-bor am-g ">
            <h2 class="blog-title"><span>TAG cloud</span></h2>
            <div class="am-u-sm-12 blog-clear-padding">
                <div  v-for="tag in tags">
                    <a class="blog-tag" v-bind:href="'tags.html?tagId='+tag.gId" >{{tag.gName}}({{tag.bCount}})</a>
                </div>
            </div>
        </div>
        <div class="blog-sidebar-widget blog-bor">
            <h2 class="blog-title"><span>Article New</span></h2>
            <ul class="am-list">
                <li><a v-bind:href="'article?id='+article.bid" v-for="article in articlesTop">{{article.btitle}}</a></li>

            </ul>
        </div>
      
    </div>
</div>
<!-- content end -->

<footer class="blog-footer" style="background-image: url('http://resource.teemor.xyz/30.jpg')">
    <div class="blog-text-center">Copyright © 2015-2019 teemor. 蜀ICP备18022740号 </div>
</footer>
<script src="http://resource.teemor.xyz/jquery.min.js"></script>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="http://resource.teemor.xyz/amazeui.ie8polyfill.min.js"></script>
<script src="http://resource.teemor.xyz/amazeui.min.js"></script>
<script type="text/javascript" src="http://resource.teemor.xyz/layui.js"></script>
<script src="/layui/layui.js"></script>
<script src="http://resource.teemor.xyz/axios.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script>
<!--<script src="http://resource.teemor.xyz/article.js"></script>-->
<script src="/js/article/article.js"></script>

</body>
</html>